<template>
  <button :class="type" @click="btnClick">
    <slot></slot>
  </button>
</template>

<script>
export default {
  props: ["value", "type"],
  methods: {
    btnClick() {
      this.$emit("btnClick");
    }
  }
};
</script>

<style scoped>
button {
  background-color: #108ee9;
  border-radius: 0.1rem;
  color: #fff;
  display: block;
  font-size: 0.32rem;
  padding: 0.2rem 0.75rem;
  margin: 0.25rem auto;
  line-height: 1;
}
button:disabled {
  opacity: 0.65;
}
button:active {
  opacity: 0.65;
}
.big {
  padding: 0.23rem 3rem;
  margin: 0.45rem 0;
}
</style>


